<template>
  <div>
    兄弟B
    <h1>使用mutations修改数据</h1>
    <button @click="fun()">点击修改mi</button>
  </div>
</template>

<script>

import eventBus from "@/eventBus"

export default {
  mounted(){
    eventBus.$on("eventbus",(val)=>{
      console.log(val)
    })
  },
  computed:{
    textt(){
      return this.$store.state.myname.text
    }
  },
  methods:{
    fun(){  
      this.$store.commit('UPDATE_TEXT',{newtext:'修改了'})
      console.log(this)
      // this.$store.dispatch('action', payload)
    }
  },
  created () {
    //判断是否有store这个本地存储的数据
    if (sessionStorage.getItem("store") ) {
      // 如果有  那么把vuex的数据替换  把当前的state  和上次刷新存储的state合并起来
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store"))))
        sessionStorage.removeItem("store")
    } 
 
    //在页面监听绑定一个beforeunload事件（页面刷新事件）
    // 当页面刷新的时候使用本地存储存一个store的数据  把vuex的数据全部取出来 转成字符串存起来
    window.addEventListener("beforeunload",()=>{
        sessionStorage.setItem("store",JSON.stringify(this.$store.state))
    })
  }
}
</script>

<style>

</style>